﻿<%@ Page Title="" Language="C#" MasterPageFile="~/huongnghiep/frontend.Master" AutoEventWireup="true" CodeBehind="list.aspx.cs" Inherits="VQWEB.huongnghiep.profession.list" %>
<asp:Content ID="Head" ContentPlaceHolderID="Head" runat="server"></asp:Content>
<asp:Content ID="Content" ContentPlaceHolderID="Content" runat="server">    
    <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12 f-content-left">
        <!-- Thanh điều hướng -->
        <ol class="breadcrumb">
            <li><a href="/trang-chu.html">Trang chủ</a></li>
            <li><a href="/nhom-nganh.html">Lĩnh vực ngành nghề</a></li>
        </ol>
        <!--/ End thanh điều hướng -->
        <!-- Nhóm ngành nghề đào tạo -->
        <div class="row f-row">
            <div class="container ffff">
            <div class="col-md-12 f-color">
                <h4 class="f-tab"><i class="glyphicon glyphicon-check"> </i> Các nhóm ngành nghề đào tạo</h4>
            </div>
            </div>
        </div>
        <div class="row" id="pl_loop"><!-- Nganh & nhom nganh goes here --></div>
        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel"> Ngành máy tính</h4>
                </div>
                <div class="modal-body">
                <table class="table" id="tbl_chuyennganh">
                    <tbody><!-- chuyen nganh goes here --></tbody>
                </table>
                </div>
            </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
    </div><!--/ Page content left -->      
</asp:Content>
<asp:Content ID="Script" ContentPlaceHolderID="Script" runat="server">
    <script src="/js/jquery.jqote2.js" type="text/javascript"></script>
    <script src="/js/tooltip.js" type="text/javascript"></script>
    <script src="/js/modal.js" type="text/javascript"></script>
    <script src="/js/bootbox.js" type="text/javascript"></script>
    <script>
        var url_ashx = "/pro/handler";

        $(function(){
            $("#auto").tooltip({
                placement: "auto",
                title: "tooltip on auto"
            });
        });

        function showDialog(title, nganhid, nhomnganhid) {
            $("#myModalLabel").text(title.toString());
            $.post(url_ashx, {cmd:"ListChuyenNganh", nganhId: nganhid, nhomnganhId: nhomnganhid }, function (data) {
                $.get('/huongnghiep/templates/profession/chuyennganh.tpl', function (tmpl) {
                    $("#tbl_chuyennganh").empty();
                    $("#tbl_chuyennganh").jqoteapp(tmpl, $.parseJSON(data));
                });
            });
            $("#myModal").modal({                    // wire up the actual modal functionality and show the dialog
                "backdrop": "static",
                "keyboard": true,
                "show": true                     // ensure the modal is shown immediately
            });
            return false;
        }

        $.post(url_ashx, { cmd: 'ListNhomNganh_Nganh' }, function (data) {
            $.get('/huongnghiep/templates/profession/list.tpl', function (tmpl) {
                $("#pl_loop").jqoteapp(tmpl, $.parseJSON(data));
            });
        });
    </script>
</asp:Content>
